<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <!--加载header文件-->
    <?php
	   include_once 'public/views/header.php';
       include_once 'public/home/html/tree.php';
	?>
    <link rel="stylesheet" href="public/css/list.css" />
    <script src="cust/js/menuList.js"></script>
    <style>
    body{
        background-color:white;
    }
    .container{
        padding:20px;
    }
    a,
    a:hover {
        text-decoration: none;
        out-line: none;
        color: #444;
    }

    .tree-block ul,
    .tree-block li {
        /*border:none!important;*/
        border-style: dotted !important;
        margin: 0px !important;
    }

    .tree-block ul {
        border: none !important;
        padding: 0px !important;
    }

    .tree-block li {
        padding: 5px !important;
    }

    .article-block ul,
    .article-block li {
        /*border:none!important;*/
        border-style: dotted !important;
        margin: 0px !important;
    }

    .article-block ul {
        border: none !important;
        padding: 0px !important;
    }

    .article-block li {
        padding: 5px !important;
    }

    /*li{
                border-bottom:1px dotted #ccc!important;
            }*/
    .list {
        position: relative;
    }

    .list-icon {
        color: #0F7CE0;
        font-size: 17px;
        position: relative;
        float: right;
        margin-right: 10px;
        margin-top: -28px;
        cursor: pointer;
    }

    .list-icon:hover>.list-content {
        display: block;
        -webkit-animation: spopIn 0.2s ease-in-out;
        animation: spopIn 0.2s ease-in-out;
    }

    .list-content {
        height: auto;
        width: 150px;
        position: absolute;
        /*top:18px;*/
        right: 0px;
        z-index: 999;
        background-color: white;
        border: 1px solid #ddd;
        display: none;
        border-radius: 4px;
    }

    .list-content-item {
        font-size: 12px;
        color: #444;
        border-bottom: 1px solid #ddd;
        height: 30px;
        line-height: 30px;
        text-align: left;
    }

    .list-content-item-icon {
        font-size: 15px;
        margin-right: 7px;
        margin-left: 10px;
    }

    .delete i {
        color: #dd2727;
    }

    .reset-name i {
        color: #0F7CE0;
    }

    .expand-icon {
        font-weight: bold !important;
        font-size: 20px !important;
    }

    .structure-content,
    .layer-content {
        height: 130px;
        float: left;
        width: 130px;
        padding: 0px 10px;
        cursor: pointer;
        border-radius: 5px;
        position: relative;
        margin: 5px;
    }

    .structure-content-hui {
        background-color: #aaa !important;
    }

    .structure-content:hover,
    .layer-content:hover {
        background-color: #eee;
    }

    .img {
        height: 110px;
        width: 100%;
        margin-top: 5px;
    }

    .add-img {
        height: 110px;
        width: 100%;
        margin-top: 10px;
    }

    .structure-box .title,
    .structure-box .title:hover {
        display: block;
        height: 20px;
        line-height: 5px;
        font-size: 12px;
        color: #444;
        text-align: center;
        text-decoration: none;
        out-line: none;
    }


    .tree-block {
        width: 220px;
        padding: 0px !important;
        display: inline-block;
        /*margin-left: -30px;*/
    }

    .article-block {
        width: 220px;
        padding: 0px !important;
        display: inline-block;
        /*margin-left: -30px;*/
    }

    .treeview {
        padding: 0px !important;
        background-color: #f7f9fa;
        border-right: 1px solid #ccc;
        /*position: absolute;*/
        /*top:40px;*/
        /*width:220px;*/
    }

    .list-group-item{
        background-color: white!important;
        color:#333!important;
    }
    



    /*右边菜单*/
    .cart-c{
        width:450px;
        position: fixed;
        top:5px;
        right:-450px;
        background-color: #eee;
        box-shadow: -4px 4px 5px #888888;
        padding:0px!important;
        /*border-top:1px solid #999;*/
        z-index:999;
    }
    .cart-c-title{
        font-size: 14px; font-weight: bold; color:#666; height:50px; line-height: 50px; border-bottom:1px dashed #999;
        background-color: white;
    }
    .cart-c-title-icon{
        font-weight: bold;
        font-size:20px;
        width:30px;
        height:30px;
        border-radius: 3px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        display: block;
        margin-top:10px;
        margin-right:-10px;
        float: right;
    }
    .cart-c-title-icon:hover{
        background-color: #ddd;
    }
    .cart-c-box{
        overflow-y: scroll;
        overflow-x: hidden;
        padding-top:10px;
        padding-right:0px!important;
        padding-bottom:10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .cart-c-box{
        background-color: white;
        padding:0px!important;
    }
    .cart-box-c::-webkit-scrollbar{
        overflow: hidden;
        display: none;
    }
    .cart-c-button{
        height:50px;
        line-height: 50px;
        background-color: white;
    }
    .show-cart-c{
        height:60px;
        width:40px;
        font-size: 25px;
        line-height: 60px;
        text-align:center;
        /*background-color: #fff;*/
        box-shadow: -4px 4px 5px #888888;
        position: absolute;
        right: 0px;
        border-radius: 5px 0px 0px 5px;
        background-color: rgba(255,255,255,0.2);
        cursor: pointer;
    }
    .show-cart-c:hover{
        background-color: rgba(255,255,255,1);
    }


    .cart-comments{
        width:400px;
        position: fixed;
        top:5px;
        right:-400px;
        background-color: #eee;
        box-shadow: -4px 4px 5px #888888;
        padding:0px!important;
        background-color:white;
        /*border-top:1px solid #999;*/
        z-index: 999;
    }
    .cart-comments-title{
        font-size: 14px; font-weight: bold; color:#666; height:40px; line-height: 40px; border-bottom:1px dashed #999;
        background-color: white;
    }
    .cart-comments-title-icon{
        font-weight: bold;
        font-size:20px;
        width:30px;
        height:30px;
        border-radius: 3px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
    }
    .cart-comments-title-icon:hover{
        background-color: #ddd;
    }
    .cart-comments-box{
        overflow-y: scroll;
        overflow-x: hidden;
        padding-top:10px;
        padding-right:0px!important;
        padding-bottom:10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .cart-comments-box{
        background-color: white;
        padding:0px!important;
    }
    .cart-box-comments::-webkit-scrollbar{
        overflow: hidden;
        display: none;
    }
    .cart-comments-button{
        height:50px;
        line-height: 50px;
        background-color: white;
    }
    .show-cart-comments{
        height:60px;
        width:40px;
        font-size: 25px;
        line-height: 60px;
        text-align:center;
        /*background-color: #fff;*/
        box-shadow: -4px 4px 5px #888888;
        position: absolute;
        right: 0px;
        border-radius: 5px 0px 0px 5px;
        background-color: rgba(255,255,255,0.2);
        cursor: pointer;
    }
    .show-cart-comments:hover{
        background-color: rgba(255,255,255,1);
    }
    .cart-comments-bg{
        width:350px;
        margin:auto;
        background-color:red;
    }


    .add-button{
        background-color:#EC6C62; border-color:#EC6C62; height:25px; line-height: 25px; color:white; width:50px; border-radius:4px; text-align: center; cursor: pointer;
        font-size:12px;
        margin-top:7px;
        margin-left:0px;
        text-indent: 0px!important;
    }
    

    .add-menu{
        width:100%;
        height:40px;
    }
    </style>
</head>

<body>
    <div class="container">
        <div class="add-menu"><button class="pageItemButton" onclick="addMenu(this)" data-id="0"><i class="icon-edit"></i>添加</button></div>
        <div id="treeview-checkable" class="treeview"></div>
    </div>


    <!-- 篮子添加 -->
    <div class="cart-c container">
        <div class="col-xs-10 cart-c-title"><img style="width:25px; height:25px; margin-right:10px; position:relative; top:-3px;" src="<?php echo base_url() ?>public/home/images/contactor.png" alt=""><label for=""></label></div>
        <div class="col-xs-2 cart-c-title text-right"><i class="icon-double-angle-right cart-c-title-icon"></i></div>
        <iframe class="cart-c-box" src="" frameborder="0" style="height:100%; width:100%;"></iframe>    
    </div>

    <div class="show-cart-c hide">
        <i class="icon-double-angle-left"></i>
    </div>
</body>

</html>